<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style type="text/css">

        /*p.div01css{*/
            /*color: red;*/
        /*}*/
        /*.div01css{*/
            /*color: blue;*/
        /*}*/





        a:link{
            color: blue;
        }
        a:visited{
            color: yellow;
        }
        a:link:hover,a:visited:hover{
            color: red;
        }
        a:link:active,a:visited:active{
            color: green;
        }


    </style>


    <!--<link rel="stylesheet"  type="text/css" href="css/css01.css" title="red" media="all">-->
    <!--<link rel="stylesheet"  type="text/css" href="css/css02.css" title="blue" media="all">-->

</head>
<body>

    <div id="div01">
        <p class="div01css" id="p01">
            hello world <em>nihao</em>
        </p>
    </div>

    <a href="#">baidu.com</a>
    <a href="163.com">163.com</a>

</body>
</html>